<template>
    <div class="planPage planWatch" ref="mianHeight">
        <div class="conditionBar">
            <el-select size="small" v-model="cdSemester" clearable placeholder="请选择学期">
                <el-option v-for="c in semester" :key="c.value" :label="c.name" :value="c.value"></el-option>
            </el-select>
            <el-select size="small" v-model="cdWeek" clearable placeholder="请选择周次">
                <el-option v-for="d in Weeks" :key="d.value" :label="d.name" :value="d.value"></el-option>
            </el-select>
        </div>
        <div class="planMes">
            <div class="planTop">
                <div class="title">标题标题标题标题标题标题标题标题标题标题标题标题标题标题</div>
                <div class="source"><span>发布部门：</span><span>发布人：</span><span>发布时间：</span></div>
            </div>
            <div class="contentMes"></div>
            <div class="enclosure">
                <em>附件：</em>
                <div class="rightCon">
                    <a href="#" target="_blank">附件名称附件名称附件名称</a>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name:'planWatch',
    data() {
        return {
            // 学期数据
            cdSemester:'xq1',
            semester:[
                {value:'xq1',name:'2018~2019第一学期'},
                {value:'xq2',name:'2018~2019第二学期'},
                {value:'xq3',name:'2019~2020第一学期'},
                {value:'xq4',name:'2019~2020第二学期'},
            ],
            // 周次数据
            cdWeek:'zc1',
            Weeks:[
                {value:'zc1',name:'第1周'},
                {value:'zc2',name:'第2周'},
                {value:'zc3',name:'第3周'},
                {value:'zc4',name:'第4周'},
            ]
        }
    },
}
</script>

<style>

</style>
